<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<%@ include file="config/config.jsp"%>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>影城管理</title>
<!-- Tell the browser to be responsive to screen width -->
<meta
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
	name="viewport">
<link rel="stylesheet" href="dist/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
<!-- Ionicons -->
<link rel="stylesheet" href="Ionicons/css/ionicons.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="dist/css/AdminLTE.min.css">
<link rel="stylesheet" href="dist/css/skins/skin-red.min.css">

<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->

</head>

<body class="hold-transition skin-red sidebar-mini">
	<div class="wrapper">

		<!-- Main Header -->
		<header class="main-header">

			<!-- Logo -->
			<a href="index2.html" class="logo"> <!-- mini logo for sidebar mini 50x50 pixels -->
				<span class="logo-mini"><b>影城</b></span> <!-- logo for regular state and mobile devices -->
				<span class="logo-lg">琥珀时光影城管理</span>
			</a>

			<!-- Header Navbar -->
			<nav class="navbar navbar-static-top" role="navigation">
				<!-- Sidebar toggle button-->
				<a href="#" class="sidebar-toggle" data-toggle="push-menu"
					role="button"> <span class="sr-only">Toggle navigation</span>
				</a>
				<!-- Navbar Right Menu -->
				<div class="navbar-custom-menu">
					<ul class="nav navbar-nav">
						<li class="dropdown user user-menu"><a href="#"
							class="dropdown-toggle"> <!--  <img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image"> -->
								<span class="hidden-xs">${sessionScope.loginManage.adminName}</span>
						</a></li>
						<li class="dropdown user user-menu"><a href="login.jsp"
							title="退出系统">[ 退出当前系统 ]</a></li>
					</ul>
				</div>
			</nav>
		</header>
		<!-- Left side column. contains the logo and sidebar -->
		<aside class="main-sidebar">
			<section class="sidebar">
				<ul class="sidebar-menu" data-widget="tree" id="menuAll">
					<li class="header">菜单</li>
					<li class="active treeview"><a href="#"> <i
							class="fa fa-users"></i> <span>用户管理</span> <span
							class="pull-right-container"> <i
								class="fa fa-angle-left pull-right"></i>
						</span>
					</a> <!-- 根据类名fa 传入menu-controller的地址值，在.content-wrapper中显示内容 -->
						<ul class="treeview-menu">
							<li><a href="#" class="linkTag" data-url="User/index.jsp"><i
									class="fa fa-user"></i>用户</a></li>
							<li><a href="#" class="linkTag" data-url="Admin/index.jsp"><i
									class="fa fa-user"></i>管理员</a></li>
						</ul></li>
					<li class="treeview"><a href="#"> <i class="fa fa-edit"></i>
							<span>操作管理</span> <span class="pull-right-container"> <i
								class="fa fa-angle-left pull-right"></i>
						</span>
					</a>
						<ul class="treeview-menu">
							<li><a href="#" class="linkTag" data-url="Hall/index.jsp"><i
									class="fa fa-window-maximize"></i> 影厅管理</a></li>
							<li><a href="#" class="linkTag" data-url="Seats/index.jsp"><i
									class="fa fa-calculator"></i> 座位管理</a></li>
							<li><a href="#" class="linkTag" data-url="Movie/index.jsp"><i
									class="fa fa-film"></i> 电影管理</a></li>
							<li><a href="#" class="linkTag" data-url="Session/index.jsp"><i
									class="fa fa-navicon"></i> 场次管理</a></li>
							<li><a href="#" class="linkTag" data-url="Ticket/index.jsp"><i
									class="fa fa-ticket"></i> 影票信息</a></li>
						</ul></li>
					<li class="treeview"><a href="#"> <i
							class="fa fa-bar-chart-o"></i> <span>统计管理</span> <span
							class="pull-right-container"> <i
								class="fa fa-angle-left pull-right"></i>
						</span>
					</a>
						<ul class="treeview-menu">
							<li><a href="#" class="linkTag"
								data-url="<%=basePath %>/infoServlet?method=getStatisticalData"><i
									class="fa fa-pie-chart"></i> 用户与利润统计</a></li>
						</ul></li>
				</ul>
			</section>
		</aside>

		<!-- Content Wrapper. Contains page content -->
		<div class="content-wrapper" style="background: white;">
			<!-- 内容 -->
			<div class="content-iframe" style="overflow: hidden;">
				<div class="mainContent" id="content-main"
					style="margin: 5px; margin-bottom: 0px; padding: 0px; height: 600px;">
					<iframe class="cinema_iframe" name="changeFrame" width="100%"
						height="780px" src="default.jsp" frameborder="0">
					</iframe>
				</div>
			</div>
		</div>
		<!-- /.content-wrapper -->

		<!-- Main Footer -->
		<footer class="main-footer">
			<!-- To the right -->
			<div class="pull-right hidden-xs">琥珀时光影院管理系统开发</div>
			<!-- Default to the left -->
			<strong>Copyright &copy; 2018 <a href="#">Company</a>.
			</strong> All rights reserved.
		</footer>

		<div class="control-sidebar-bg"></div>
	</div>
	<!-- ./wrapper -->

	<script src="dist/js/jquery.min.js"></script>
	<script src="dist/js/bootstrap.min.js"></script>
	<script src="dist/js/adminlte1.js"></script>
	<script>
	/**
	 * 功能：点击左侧菜单，主页面显示内容
	 */
	$(function(){
		clickMenus();
	});
	
	function clickMenus() {
	    var allALink = $("#menuAll li a.linkTag");
	    $("#menuAll").on("click","a.linkTag",function () {
	    	$(this).css("color","#FFF").parent().siblings().children().css("color","#8aa4af");
	        var  aAttr =  $(this).attr("data-url");
	        $(".cinema_iframe").attr("src","");
	        $(".cinema_iframe").attr("src",aAttr);
	    });
	}
	
	
</script>
</body>
</html>